<template>
  <div class="body" v-if="data">
    <div class="pic_bg">
      <img :src="`/${data[0].pic_bg}`" alt="" />
    </div>
    <div class="txt">
      <div class="center" v-html="data[0].detail">
        <!-- <p class="item">
          水上飞机是指能在水面上起飞、降落和停泊的飞机，简称“水机”，其中有些同时也能在陆上机场起降的，称为两栖飞机。幸福通航作为国内首家运营点对点水上飞机飞行的公司，采用水陆均可起降的塞斯纳208B进行通勤和空中观光运营。
        </p>
        <p class="item">
          幸福通航的营运填补了浙江省乃至整个华东地区水上飞机项目的空白，截至日前已开通多条空中游览航线，乘坐水上飞机观看600米高空下舟山群岛，不同角度领略舟山的美景。
        </p>
        <p class="item">
          舟山普陀山机场地处国家级风景区“海岛生态园”朱家尖岛，总占地面积3000多亩，跑道长2500米，宽60米，标高海拔1.8米，PCN值53，两条双向联络道长230米，宽23米，停机坪面积5.2万平方米，可同时停放中小型飞机3架，国内候机楼面积6400平方米，国际候机楼面积4200平方米，停车场面积3000平方米。为机场配套的航管楼、航行气象、通信导航、供电供油、机务保障、消防保安等各类设备和车辆一应俱全，能满足B757以下的机型起降。
        </p> -->
      </div>
    </div>
    <div class="pic">
      <div class="center">
        <img :src="`/${data[0].pic}`" alt="" />
      </div>
    </div>
    <div class="detail">
      <div class="center">
        <ul>
          <li>
            <div class="icon">
              <span>价格</span>
              <div></div>
            </div>
            <p>舟山水上飞机游览价格为{{data[0].price}}元起。</p>
          </li>
          <li>
            <div class="icon">
              <span>旅游时节</span>
              <div></div>
            </div>
            <p>
              {{data[0].season}}
            </p>
          </li>
          <li>
            <div class="icon">
              <span>适宜人群</span>
              <div></div>
            </div>
            <p>
              {{data[0].people}}
            </p>
          </li>
          <li>
            <div class="icon">
              <span>交通指南</span>
              <div></div>
            </div>
            <p>{{data[0].transport}}</p>
          </li>
          <li>
            <div class="icon">
              <span>开始时间</span>
              <div></div>
            </div>
            <p>{{data[0].start_time}}</p>
          </li>
          <li>
            <div class="icon">
              <span>结束时间</span>
              <div></div>
            </div>
            <p>{{data[0].end_time}}</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: null  //接收一个活动的具体数据
    }
  },
  mounted () {
    this.getData()
  },
  methods: {
    getData() {
      this.axios.get(`/activity/showAct?aid=${this.$route.query.aid}`).then(res=>{
        console.log('查询某一个活动:',res);
        this.data = res.data
      })
    }
  },
};

</script>
<style scoped src="../assets/css/ZsplayShow.css">

</style>
<style lang="scss" scoped></style>
